@import "@/styles/__index.less";

.icon-info-group {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);

  .icon-info-item {
    display: flex;
    justify-content: space-evenly;
    align-items: center;

    [class^="icon-"] {
      height: 45px;
      width: 45px;
      margin-left: 24px;
      margin-right: 16px;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
    }

    .intros {
      flex: 1;

      .intro-wrap-1 {
        display: flex;
        align-items: center;

        .number {
          .pmzd-blue;
          font-size: 23px;
          margin-right: 4px;
        }
      }

      .intro-wrap-2 {
        font-size: 12px;
      }
    }
  }
}